<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">

<ui:composition template="module/common.xhtml">
	<ui:define name="pageTitle">
			News | IDU Danang
		</ui:define>
	<ui:define name="content">
		<section id="blog" class="container wow fadeInDown">
		<div class="center">
			<h2>News</h2>
		</div>

		<div class="blog">
			<div class="row">
				<div class="col-md-8">
					<div class="blog-item">
						<div class="row">
							<div class="col-xs-12 col-sm-2 text-center">
								<div class="entry-meta">
									<span id="publish_date">07 NOV</span> <span><i
										class="fa fa-user"></i> <a href="#">John Doe</a></span>
								</div>
							</div>

							<div class="col-xs-12 col-sm-10 blog-content">
								<h2>
									<a href="blog-item.html">Consequat bibendum quam liquam
										viverra</a>
								</h2>
								<a href="#"><img class="img-responsive img-blog"
									src="#{resource['images/blog/blog1.jpg']}" width="100%" alt="" /></a>
								<h3>Curabitur quis libero leo, pharetra mattis eros.
									Praesent consequat libero eget dolor convallis vel rhoncus
									magna scelerisque. Donec nisl ante, elementum eget posuere a,
									consectetur a metus. Proin a adipiscing sapien. Suspendisse
									vehicula porta lectus vel semper. Nullam sapien elit, lacinia
									eu tristique non.posuere at mi. Morbi at turpis id urna
									ullamcorper ullamcorper.</h3>
								<a class="btn btn-primary readmore" href="blog-item.html">Read
									More <i class="fa fa-angle-right"></i>
								</a>
							</div>
						</div>
					</div>

					<div class="blog-item">
						<div class="row">
							<div class="col-sm-2 text-center">
								<div class="entry-meta">
									<span id="publish_date">07 NOV</span> <span><i
										class="fa fa-user"></i> <a href="#">John Doe</a></span>
								</div>
							</div>
							<div class="col-sm-10 blog-content">
								<h2>
									<a href="blog-item.html">Consequat bibendum quam liquam
										viverra</a>
								</h2>
								<a href=""><img class="img-responsive img-blog"
									src="#{resource['images/blog/blog2.jpg']}" width="100%" alt="" /></a>
								<h3>Curabitur quis libero leo, pharetra mattis eros.
									Praesent consequat libero eget dolor convallis vel rhoncus
									magna scelerisque. Donec nisl ante, elementum eget posuere a,
									consectetur a metus. Proin a adipiscing sapien. Suspendisse
									vehicula porta lectus vel semper. Nullam sapien elit, lacinia
									eu tristique non.posuere at mi. Morbi at turpis id urna
									ullamcorper ullamcorper.</h3>
								<a class="btn btn-primary readmore" href="blog-item.html">Read
									More <i class="fa fa-angle-right"></i>
								</a>
							</div>
						</div>
					</div>

					<ul class="pagination pagination-lg">
						<li><a href="#"><i class="fa fa-long-arrow-left"></i>Previous
								Page</a></li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">Next Page<i
								class="fa fa-long-arrow-right"></i></a></li>
					</ul>
				</div>

				<aside class="col-md-4">
				<div class="widget search">
					<form role="form">
						<input type="text" class="form-control search_box"
							autocomplete="off" placeholder="Search Here" />
					</form>
				</div>

				<div class="widget categories">
					<h3>Categories</h3>
					<div class="row">
						<div class="col-sm-6">
							<ul class="blog_category">
								<li><a href="#">Computers <span class="badge">04</span></a></li>
								<li><a href="#">Smartphone <span class="badge">10</span></a></li>
								<li><a href="#">Gedgets <span class="badge">06</span></a></li>
								<li><a href="#">Technology <span class="badge">25</span></a></li>
							</ul>
						</div>
					</div>
				</div>

				<div class="widget archieve">
					<h3>Archieve</h3>
					<div class="row">
						<div class="col-sm-12">
							<ul class="blog_archieve">
								<li><a href="#"><i class="fa fa-angle-double-right"></i>
										December 2013 <span class="pull-right">(97)</span></a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>
										November 2013 <span class="pull-right" />(32)</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>
										October 2013 <span class="pull-right" />(19)</a></li>
								<li><a href="#"><i class="fa fa-angle-double-right"></i>
										September 2013 <span class="pull-right" />(08)</a></li>
							</ul>
						</div>
					</div>
				</div>

				<div class="widget tags">
					<h3>Tag Cloud</h3>
					<ul class="tag-cloud">
						<li><a class="btn btn-xs btn-primary" href="#">Apple</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Barcelona</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Office</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Ipod</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Stock</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Race</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">London</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Football</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Porche</a></li>
						<li><a class="btn btn-xs btn-primary" href="#">Gadgets</a></li>
					</ul>
				</div>

				<div class="widget blog_gallery">
					<h3>Our Gallery</h3>
					<ul class="sidebar-gallery">
						<li><a href="#"><img
								src="#{resource['images/blog/gallery1.png']}" alt="" /></a></li>
						<li><a href="#"><img
								src="#{resource['images/blog/gallery2.png']}" alt="" /></a></li>
						<li><a href="#"><img
								src="#{resource['images/blog/gallery3.png']}" alt="" /></a></li>
						<li><a href="#"><img
								src="#{resource['images/blog/gallery4.png']}" alt="" /></a></li>
						<li><a href="#"><img
								src="#{resource['images/blog/gallery5.png']}" alt="" /></a></li>
						<li><a href="#"><img
								src="#{resource['images/blog/gallery6.png']}" alt="" /></a></li>
					</ul>
				</div>
				</aside>
			</div>
		</div>
		</section>
	</ui:define>
</ui:composition>
</html>